<!DOCTYPE html>
<html lang="zh-CN">

<head>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

  <title>15 - 3D计数器 (HTML+CSS)</title>

  <link rel="stylesheet" href="./css/index.css">

</head>

<body>

  <div class="box">
    <div class="text" style="--i:0">
      <span style="--j:0">3D</span>
      <span style="--j:1">3</span>
      <span style="--j:2">2</span>
      <span style="--j:3">6</span>
    </div>

    <div class="text" style="--i:1">
      <span style="--j:0">计</span>
      <span style="--j:1">1</span>
      <span style="--j:2">0</span>
      <span style="--j:3">8</span>
    </div>

    <div class="text" style="--i:2">
      <span style="--j:0">数</span>
      <span style="--j:1">3</span>
      <span style="--j:2">2</span>
      <span style="--j:3">5</span>
    </div>

    <div class="text" style="--i:3">
      <span style="--j:0">器</span>
      <span style="--j:1">1</span>
      <span style="--j:2">2</span>
      <span style="--j:3">7</span>
    </div>
  </div>

</body>

</html>